小编典典

ReactJS 组件名称必须以大写字母开头?

all

我正在玩JSBin上的 ReactJS 框架。

我注意到如果我的组件名称以小写字母开头,它就不起作用。

例如,以下内容不会呈现:

var fml = React.createClass({
  render: function () {
    return <a href='google.com'>Go</a>
  }
});

React.render(<fml />, document.body);

但是一旦我用它替换fmlFml就会渲染。

我不能用小写字母开始标签有什么原因吗?


阅读 161

收藏
2022-05-19

共1个答案

小编典典

在 JSX 中,小写的标签名称被认为是 HTML 标签。但是,带有点(属性访问器)的小写标记名称不是。

  • <component />编译为React.createElement('component')(html标签)
  • <Component />编译为React.createElement(Component)
  • <obj.component />编译为React.createElement(obj.component)
2022-05-19